<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="pragma" content="no-cache"/>   
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate"/>   
<meta http-equiv="expires" content="0"/> 
<title>财务管理</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/out.css" rel="stylesheet" type="text/css" />
<link href="laydate/skins/danlan/laydate.css" rel="stylesheet" type="text/css" id="LayDateSkin"/>
<link href="laydate/need/laydate.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.idTabs.min.js"></script>
<script type="text/javascript" src="editor/kindeditor.js"></script>
<script type="text/javascript" src="js/jquery.form.js"></script>
<script type="text/javascript" src="laydate/laydate.js"></script>
<script type="text/javascript" src="js/application/base.js?20180421"></script>
<script type="text/javascript" src="js/application/roomorder.js?v=20180421"></script>

</head>
<body>
<div class="incList">
    <div id = ""></div>
    <div class="place" name="dataList">
        <span>位置：</span>
        <ul class="placeul">
            <li><a href="#">财务管理</a></li>
            <li><a href="#">订单管理</a></li>
            <li><a href="/euc/page/roomOrderList.html">工位订单</a></li>
        </ul>
    </div> 
    <div class="formbody" name="dataList">
        <div class="tools">
            <ul class="seachform">
                <li>
                    <label>开始时间</label>
                    <input onclick="laydate({elem:'#searchTimeStart111'})" type="text" name="searchTimeStart" class="tlinput" id="searchTimeStart111">
                </li>
                <li>
                    <label>至 &nbsp;</label>
                    <input onclick="laydate({elem:'#searchTimeEnd222'})" type="text" name="searchTimeEnd" class="tlinput" id="searchTimeEnd222">
                </li> 
                <li>
                	<label>空间名称</label>
					<div class="vocation">
                        <select class="tlselect" name="spaceSelect" id="searchSpace">
                            <option value="0" selected="">请选择</option>
                        </select>
					</div>
                </li>
                <li>
                	<label>订单名称</label>
		    		<input name="parameter" type="text" class="scinput" placeholder="请输入订单名称"/>
		    	</li> 
                <li><label>&nbsp;</label><input name="btnSerch" onclick="search(1);" type="button" class="scbtn" value="搜索"/></li>
                <li><label>&nbsp;</label><input name="btnClean" id="btnClean" type="button" class="clbtn" value="清空"/></li>
            </ul>
        </div>
        <div id="usual1" class="usual">     
            <div id="tab2" class="tabson">
                <table class="tablelist">
                    <thead>
                        <tr>
                        	<th>订单编号</th>
                            <th>订单名称</th>
                            <th>订单类型</th>
                            <th>所在空间</th>
                            <th>房间数</th>
                            <th>房间名</th>
                            <th>起始日期</th>
                            <th>结束日期</th>
                            <th>应收总额</th>
                            <th>回款总额</th>
                            <th>实收押金</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody id="orderTable">
                    </tbody>
                </table>
                <div class="pagin">
                    <div class="message">共<i id="totalRow" class="blue">3&nbsp;</i>条记录，每页<i id="pageSize" class="blue">5&nbsp;</i>条记录，当前显示第&nbsp;<i id="currentPage" class="blue">1&nbsp;</i>页</div>
                    <ul class="paginList"><li class="paginItem"><a href="javascript:;"><span class="pagepre"></span></a></li><li class="paginItem current"><a href="javascript:;">1</a></li><li class="paginItem"><a href="javascript:;"><span class="pagenxt"></span></a></li></ul>
                </div>
            </div>
        </div>   
    </div>
    
    
    <div class="place" name="dataForm" style="display:none;">
	    <span>位置：</span>
		    <ul class="placeul">
		    <li><a href="#">财务管理</a></li>
            <li><a href="/euc/page/roomOrderList.html">订单管理</a></li>
            <li><a href="#">工位订单详情</a></li>
	    </ul>
    </div>
    <div class="formbody" name="dataForm" style="display:none;">
        	<div class="formtitle"><span>订单详情信息</span></div>
        	<div class="incContent">
                <div class="incForm" id="contractListDiv">
	                <div class="formtitle ">
	                    <span>合同列表</span>
	                </div>
	                <div id="tabContractList" class="tabson">
	                    <table class="tablelist">
	                        <thead>
	                            <tr>
	                                <th>合同类型</th>
	                                <th>租金金额</th>
	                                <th>房间数</th>
	                                <th>房间均价（月）</th>
	                                <th>起始时间</th>
	                                <th>结束时间</th>
	                                <th>销售员</th>
	                                <th>录入人</th>
	                                <th>操作</th>
	                            </tr>
	                        </thead>
	                        <tbody id="contractListTable">
	                        	<!-- 
	                            <tr>
	                                <td>入驻合同</td>
	                                <td>34800</td>
	                                <td>2</td>
	                                <td>3000</td>
	                                <td>2017-03-02</td>
	                                <td>2018-03-01</td>
	                                <td>张三</td>
	                                <td>张三</td>
	                                <td>查看</td>
	                            </tr> 
	                            -->
	                        </tbody>
	                    </table>
	                </div>
                </div>
				<div class="incForm" id="contractHirePurchaseDiv">
	                <div class="formtitle ">
	                    <span>分期计划</span>
	                </div>
                    <div id="tabClueFollow" class="tabson">    
                        <table class="tablelist">
                            <thead>
                                <tr>
                                    <th align="center">类型描述</th>
                                    <th>款项说明</th>
                                    <th>分期开始时间</th>
                                    <th>分期结束时间</th>
                                    <th>帐单日</th>
                                    <th>计划付款金额</th>
                                    <th>实际付款金额</th>
                                    <th>回款状态</th>
                                </tr>
                            </thead>
                            <tbody id="contractHirePurchaseListTable">
                            <!-- 
                                <tr>
                                    <td>李先生</td>
                                    <td>个人</td>
                                    <td>个人</td>
                                    <td>桉树空间</td>
                                    <td>工位</td>
                                    <td>APP-预约参观</td>
                                    <td>已回款</td>
                                </tr> 
                             -->
                            </tbody>
                        </table>
                    </div>
                </div>
                <div id="oneOrderDetailDivContent">
	                <div class="incForm" style="display:none;">
	                	<div class="formtitle ">
	                    	<span>订单详情</span>
						</div>
	                    <div class="formtitle-left ">
	                        <ul class="forminfo">
	                            <li><label>订单编号：</label><span class="iceFormInfoSpan">R2018013101223056</span></li>
	                            <li><label>订单名称：</label><span class="iceFormInfoSpan">北京百度网络科技有限公司工位</span></li>
	                            <li><label>城市：</label><span class="iceFormInfoSpan">北京市</span></li>
	                            <li><label>当前房间总数：</label><span class="iceFormInfoSpan">2</span></li>
	                            <li><label>已回款金额：</label><span class="iceFormInfoSpan">17400</span></li>
	                            <li><label>实收押金：</label><span class="iceFormInfoSpan">12000</span></li>
	                            <li><label>入驻日期：</label><span class="iceFormInfoSpan">2016-12-25</span></li>
	                            <li><label>销售日期：</label><span class="iceFormInfoSpan">张三</span></li>
	                        </ul>   
	                    </div>
	                    <div class="formtitle-right">
	                        <ul class="forminfo">
	                            <li><label>客户名称：</label><span class="iceFormInfoSpan">北京百度网络科技有限公司</span></li>
	                            <li><label>订单类型：</label><span class="iceFormInfoSpan">A2018010211122</span></li>
	                            <li><label>空间：</label><span class="iceFormInfoSpan">A2018010211122</span></li>
	                            <li><label>服务费总金额：</label><span class="iceFormInfoSpan">34800</span></li>
	                            <li><label>未回款金额：</label><span class="iceFormInfoSpan">17400</span></li>
	                            <li><label>入驻日期：</label><span class="iceFormInfoSpan">2017-03-02</span></li>
	                            <li><label>离场时间：</label><span class="iceFormInfoSpan">2018-03-01</span></li>
	                        </ul>
	                    </div>
					</div>
					 
				</div>
				   <div class="lingqu" style="margin-left: 280px;"><br/>
		                <input name="btnSave" id="btnBack" type="button" class="btn close" value="确定"/>
		            </div> 
			</div>
			
        </div>
    <!-- 查看合同 -->
    <div class="incFormbody" id="contractDetailDiv" name="contractForm" style="display:none;">
        <div class="place">
            <span>位置：</span>
            <ul class="placeul">
                <li><a href="#">财务管理</a></li>
                <li><a href="/euc/page/roomOrderList.html">订单管理</a></li>
                <li><a href="/euc/page/roomOrderList.html">工位订单详情</a></li>
                <li><a href="#">合同详情</a></li>
            </ul>
        </div>
        <div class="formbody">
            <div class="formtitle"><span>合同信息</span></div>
            <div class="incContent" >
                <div class="incForm" id="clueFollowDiv" contracttype="入驻合同">
                    <div class="formtitle ">
                        <span>租赁基本信息</span>
                    </div>
                    <ul class="forminfo">
                        <li>
                            <label><b>*</b>租赁期限</label>
                            <input name='contractStartTime' id="contractStartTimebbb" contracttype="入驻合同" required='1' message='请选择租赁开始时间' formParameter="contract" placeholder="请选择租赁开始时间"
                                   onclick="laydate({elem:'#contractStartTimebbb'})" type="text" name="" class="indinput"/>&nbsp;--&nbsp;
                            <input name='contractEndTime' id="contractEndTimebbb" contracttype="入驻合同" required='1' message='请选择租赁结束时间' formParameter="contract" placeholder="请选择租赁结束时间"
                                   onclick="laydate({elem:'#contractEndTimebbb'})" type="text" name="" class="indinput"/>
                        </li>
                        <li>
<!--
                            <input class="btn" type="button" name="addContractProduct" id="addContractProduct" value="添加产品"/>
-->
                        </li>
                        <li>
                            <div id="tabClueFollow" class="tabson">
                                <table class="tablelist">
                                    <thead>
                                    <tr>
                                        <th>产品</th>
                                        <th>房间</th>
                                        <th>单价（月/元）</th>
                                        <th>租赁开始时间</th>
                                        <th>租赁结束时间</th>
<!--
                                        <th>操作</th>
-->
                                    </tr>
                                    </thead>
                                    <tbody id="contractProductTableOfContract">
                                    <!--
                                    	<tr>
                                        	<td>工位</td>
                                            <td>301房间</td>
                                            <td>3000</td>
                                            <td>2017-04-03</td>
                                            <td>2017-03-02</td>
                                            <td>删除</td>
                                        </tr>
                                   	 -->
                                    </tbody>
                                </table>
                            </div>
                        </li>
                    </ul>
                </div><br/><br/>
                <div class="ncForm">
                    <div class="formtitle ">
                        <span>合同基本信息</span>
                    </div>
                    <div class="formtitle-left ">
                        <ul class="ncforminfo">
                            <li>
                                <label ><b>*</b>承租方（甲方）：</label>
                                <input name="partyAName" required='1' message='请输入承租方' formParameter="contract" placeholder="请输入承租方" type="text" class="indinput" disabled />
                            </li>

                            <li>
                                <label><b>*</b>联系人：</label>
                                <input name="partyAContact" required='1' message='请输入联系人' formParameter="contract" placeholder="请输入联系人" type="text" class="indinput" disabled/>
                            </li>
                            <li>
                                <label><b>*</b>邮箱：</label>
                                <input name="partyAEmail" required='1' message='请输入邮箱' formParameter="contract" placeholder="请输入邮箱" type="text" class="indinput" disabled/>
                            </li>
                        </ul>
                    </div>
                    <div class="formtitle-right">
                        <ul class="ncforminfo">
                            <li>
                                <label ><b>*</b>地址：</label>
                                <input name="partyAAddress" required='1' message='请输入地址' formParameter="contract" placeholder="请输入地址" type="text" class="indinput" disabled/>
                            </li>
                            <li>
                                <label><b>*</b>电话：</label>
                                <input name="partyAContactNumber" required='1' message='请输入电话' formParameter="contract" placeholder="请输入电话" type="text" class="indinput" disabled/>
                            </li>
                        </ul>
                    </div>

                </div>

                <div class="ncForm">
                    <hr class="hrset" />
                    <div class="formtitle-left ">
                        <ul class="ncforminfo">
                            <li>
                                <label ><b>*</b>出租方（乙方）：</label>
                                <input name="partyBName" required='1' message='请输入出租方' formParameter="contract" placeholder="请输入出租方" type="text" class="indinput" disabled/>
                            </li>

                            <li>
                                <label><b>*</b>联系人：</label>
                                <input name="partyBContact" required='1' message='请输入联系人' formParameter="contract" placeholder="请输入联系人" type="text" class="indinput"disabled />
                            </li>
                            <li>
                                <label><b>*</b>邮箱：</label>
                                <input name="partyBEmail" required='1' message='请输入邮箱' formParameter="contract" placeholder="请输入邮箱" type="text" class="indinput" disabled/>
                            </li>
                        </ul>
                    </div>
                    <div class="formtitle-right">
                        <ul class="ncforminfo">
                            <li>
                                <label ><b>*</b>地址：</label>
                                <input name="partyBAddress" required='1' message='请输入地址' formParameter="contract" placeholder="请输入地址" type="text" class="indinput"disabled />
                            </li>
                            <li>
                                <label><b>*</b>电话：</label>
                                <input name="partyBContactNumber" required='1' message='请输入电话' formParameter="contract" placeholder="请输入电话" type="text" class="indinput" disabled/>
                            </li>
                        </ul>
                    </div>
                </div>

                <div class="ncForm">
                    <hr class="hrset" />
                    <div class="formtitle-left ">
                        <ul class="ncforminfo">
                            <li>
                                <label ><b>*</b>签约时间：</label>
                                <input name='contractTime' id="contractTimeccc" required='1' message='请选择签约时间' formParameter="contract" placeholder="请选择签约时间"
                                       onclick="laydate({elem:'#contractTimeccc'})" type="text" name="" class="indinput" disabled/>
                            </li>

                            <li>
                                <label><b>*</b>合同编号：</label>
                                <input name="contractNumber" required='1' message='请输入合同编号' formParameter="contract" placeholder="请输入合同编号" type="text" class="indinput"disabled />
                            </li>
                            <li contracttype="退租合同" >
                                <label><b>*</b>退服务费金额：</label>
                                <input name="backAmount" required='1' contracttype="退租合同" message='请输入退服务费金额'disabled formParameter="contract" placeholder="请输入退服务费金额" type="text" class="indinput" />
                            </li>
                            <li contracttype="入驻合同" >
                                <label><b>*</b>分期方式：</label>
                                <input name="paymentCount" required='1' contracttype="入驻合同" message='请输入分期方式'disabled formParameter="contract" placeholder="请输入分期方式" type="text" class="indinput" />
                            </li>
                            <li contracttype="入驻合同">
                                <label><b>*</b>一期金额：</label>
                                <input name="paymentFirst" required='1' contracttype="入驻合同" message='请输入一期金额'disabled formParameter="contract" placeholder="请输入一期金额" type="text" class="indinput" />
                            </li>
                        </ul>
                    </div>
                    <div class="formtitle-right">
                        <ul class="ncforminfo">
                            <li>
                                <label ><b>*</b>签约城市：</label>
                                <input name="contractCity" required='1' message='请输入签约城市' formParameter="contract" placeholder="请输入签约城市" type="text" class="indinput" disabled/>
                            </li>
                            <li contracttype="退租合同" >
                                <label><b>*</b>退租日期：</label>
                                <input name="leaveTime"  id="leaveTime12345"  required='1' contracttype="退租合同"  message='请选择退租日期' formParameter="contract" placeholder="请选择退租日期"
                                       onclick="laydate({elem:'#leaveTime12345'})" type="text" class="indinput" disabled/>
                            </li>
                            <li contracttype="退租合同" >
                                <label><b>*</b>退押金总额：</label>
                                <input name="backDepositAmount"   required='1' contracttype="退租合同"  message='请输入退押金总额' formParameter="contract" placeholder="请输入退押金总额"
                                       type="text" class="indinput" disabled/>
                            </li>
                            <li contracttype="入驻合同" >
                                <label><b>*</b>合同金额：</label>
                                <input name="contractAmount" required='1' contracttype="入驻合同" disabled message='请输入合同金额' formParameter="contract" placeholder="请输入合同金额" type="text" class="indinput" />
                            </li>
                            <li contracttype="入驻合同" >
                                <label><b>*</b>押金总额：</label>
                                <input name="depositAmount" required='1' contracttype="入驻合同"disabled  message='请输入押金总额' formParameter="contract" placeholder="请输入押金总额" type="text" class="indinput" />
                            </li>
                            <li contracttype="入驻合同" >
                                <label ><b>*</b>一期付款日期：</label>
                                <input name='paymentFirstTime' id="paymentFirstTimeddd" required='1' contracttype="入驻合同"  message='请选择日期' formParameter="contract" placeholder="请选择日期"
                                       onclick="laydate({elem:'#paymentFirstTimeddd'})" type="text" name="" class="indinput" disabled/>
                            </li>
                        </ul>
                    </div>
                    <ul class="ncforminfo">
                        <li contracttype="入驻合同" >
                            <label>免租期</label>
                            <input name='freeTimeStart' id="freeTimeStarteee" contracttype="入驻合同"  formParameter="contract" placeholder="请选择日期"
                                   onclick="laydate({elem:'#freeTimeStarteee'})" type="text" name="" class="indinput"disabled/>&nbsp;--&nbsp;
                            <input name='freeTimeEnd' id="freeTimeEndfff"  contractcontracttype="入驻合同"  formParameter="contract" placeholder="请选择日期"
                                   onclick="laydate({elem:'#freeTimeEndfff'})" type="text" name="" class="indinput"disabled/>
                        </li>
                    </ul>
                    <ul class="ncforminfo">
                        <li>
                            <label><b>*</b>合同附件：<br/>(仅限PDF格式)</label>
                            <img src="images/pdf.png"/>
                            <input  name="filePath" type="hidden" formParameter="contract" value=""/>
                            <a id="reviewPDF" href=""  target="_blank" style="display:none;">预览</a>
                        </li>
                    </ul>
                 <!--   <ul class="ncforminfo">
                        <li>
                            <label>&nbsp;</label>
                            <form style="float:left;" id="contractFileForm" action="/euc/system/upload" method="post" enctype="multipart/form-data">
                                <input  name="file" type="file" style="width:400px;" value="上传"/>
                                <input  name="folderName" type="hidden" value="contracts"/>
                            </form>
                        </li>
                    </ul>-->
                </div>

            </div>
            <div class="lingqu" style="margin-left: 280px;margin-top: 30px;margin-bottom:80px;" >
<!--
                <input name="btnSave"  id="btnSaveContractDetail"  type="button" class="btn" value="确定"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-->
                <input name="btnCancle"  id="btnCancleContractDetail"  type="button" class="btn" value="取消"/>
            </div>
        </div>
        <div class="ncpopover"  id="addContractProductForm">
            <div class="theme-poptit">
                <a href="javascript:;" title="关闭" id="closeContractProductForm" class="close">x</a>
                <p class="themeTit">添加产品</p>
            </div>
            <div class="ncpopbod">
                <ul class="ncpopbodform">
                    <li>
                        <label ><b>*</b>房间号</label>
                        <input name="roomName" required='1' message='请输入房间号' formParameter="contractProduct" placeholder="请输入房间号" type="text" class="ncinput" />
                        <input name=""  id="addRoomAsContractProduct"  type="button" class="btn ncaddbtn" value="添加"/>
                    </li>
                    <li>
                        <label><b>*</b>租赁期限</label>
                        <input name='rentStart' id="rentStartggg" required='1' message='请选择租赁开始时间' formParameter="contractProduct" placeholder="请选择日期"
                               onclick="laydate({elem:'#rentStartggg'})" type="text" name="" class="indinput"/>&nbsp;--&nbsp;
                        <input name='rentEnd' id="rentEndhhh" required='1' message='请选择租赁结束时间' formParameter="contractProduct" placeholder="请选择日期"
                               onclick="laydate({elem:'#rentEndhhh'})" type="text" name="" class="indinput"/>
                    </li>
                </ul>
                <div class="tabson">
                    <table class="tablelist">
                        <thead>
                        <tr>
                            <th>产品</th>
                            <th>房间</th>
                            <th>单价（月/元）</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody id="contractProductFormTable">
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="lingqu" style="margin-left: 170px;" >
<!--
                <input name="btnSave"  id="btnSaveContractProduct"  type="button" class="ncbtn" value="确定"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-->
                <input name="btnCancle"  id="btnCancleContractProduct"  type="button" class="ncbtn" value="取消"/>
            </div>
        </div>
    </div>
</div>


</body></html>